<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header" style="margin-top:1px;">
                    <img src="/beetle/image/icon_plus-box.png" ng-click="add();" style="cursor: pointer;">
                </div>
                <ul class="nav nav-tabs">
                    <li class="active" ng-click="tabClick('zone')">
                        <a style="cursor: pointer;" data-toggle="tab">
                            区域
                        </a>
                    </li>
                    <li class="" ng-click="tabClick('app')">
                        <a style="cursor: pointer;" data-toggle="tab">
                            应用
                        </a>
                    </li>
                </ul>
                <div class="box-body">
                    <div ng-if="info.type == 'zone'">
                        <input type="search" ng-model="filter.zone_code" style="width: 220px;" placeholder="搜索区域代号..." />
                        <br>
                        <br>
                        <table border="1" cellpadding="0" cellspacing="0" width="70%">
                            <tr style="line-height: 30px;">
                                <th style="text-align:center;">区域代码</th>
                                <th style="text-align:center;">区域缩写</th>
                                <th style="text-align:center;">区域名</th>
                                <th style="text-align:center;">上级区域</th>
                                <th style="text-align:center;">区域目录</th>
                                <th style="text-align:center;">区域描述</th>
                                <th style="text-align:center;">是否可用</th>
                                <th style="text-align:center;">序号</th>
                                <!--<th style="text-align:center;">操作</th>-->
                            </tr>
                            <tr ng-if="count != 0" ng-repeat="i in info.zones | filter:filter" style="line-height: 50px;">
                                <td style="text-align: center;">{{i.zone_code}}</td>
                                <td style="text-align: center;">{{i.zone_alias}}</td>
                                <td style="text-align: center;">{{i.zone_title}}</td>
                                <td style="text-align: center;">{{i.parent_code}}</td>
                                <td style="text-align: center;">{{i.home_path}}</td>
                                <td style="text-align: center;">{{i.zone_desc}}</td>
                                <td style="text-align: center;">{{i.available}}</td>
                                <td style="text-align: center;">{{i.order_no}}</td>
                                <!--<td style="text-align: center;">-->
                                <!--<img src="/beetle/image/icon_cog.png" ng-click="edit(i.projectName);" style="cursor: pointer;width: 20px;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
                                <!--<img src="/beetle/image/icon_trash.png" ng-show="!isTrunk(i.projectName);" ng-click="del(i.projectName);" style="cursor: pointer;width: 20px;">-->
                                <!--<img ng-show="isTrunk(i.projectName);" style="width: 20px;">-->
                                <!--</td>-->
                            </tr>
                        </table>
                    </div>
                    <div ng-if="info.type == 'app'">
                        <input type="search" ng-model="filter.app_id" style="width: 220px;" placeholder="搜索应用id..." />
                        <br>
                        <br>
                        <table border="1" cellpadding="0" cellspacing="0" width="70%">
                            <tr style="line-height: 30px;">
                                <th style="text-align:center;">应用id</th>
                                <th style="text-align:center;">应用名</th>
                                <th style="text-align:center;">应用端口</th>
                                <th style="text-align:center;">所属区域</th>
                                <th style="text-align:center;">应用类型</th>
                                <th style="text-align:center;">应用状态</th>
                                <th style="text-align:center;">数据库类型</th>
                                <th style="text-align:center;">数据库名</th>
                                <th style="text-align:center;">数据库状态</th>
                                <th style="text-align:center;">是否beetle管理</th>
                                <th style="text-align:center;">是否可用</th>
                                <!--<th style="text-align:center;">操作</th>-->
                            </tr>
                            <tr ng-if="count != 0" ng-repeat="i in info.apps| filter:filter" style="line-height: 50px;">
                                <td style="text-align: center;">{{i.app_id}}</td>
                                <td style="text-align: center;">{{i.app_name}}</td>
                                <td style="text-align: center;">{{i.port}}</td>
                                <td style="text-align: center;">{{i.zone_code}}</td>
                                <td style="text-align: center;">{{i.app_type}}</td>
                                <td style="text-align: center;">{{i.status}}</td>
                                <td style="text-align: center;">{{i.db_type}}</td>
                                <td style="text-align: center;">{{i.db_name}}</td>
                                <td style="text-align: center;">{{i.db_status}}</td>
                                <td style="text-align: center;">{{i.on_beetle}}</td>
                                <td style="text-align: center;">{{i.disabled}}</td>
                                <!--<td style="text-align: center;">-->
                                <!--<img src="/beetle/image/icon_cog.png" ng-click="edit(i.projectName);"-->
                                <!--style="cursor: pointer;width: 20px;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
                                <!--<img src="/beetle/image/icon_trash.png" ng-show="!isTrunk(i.projectName);"-->
                                <!--ng-click="del(i.projectName);" style="cursor: pointer;width: 20px;">-->
                                <!--<img ng-show="isTrunk(i.projectName);" style="width: 20px;">-->
                                <!--</td>-->
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
